<template>
  <div>
    <el-tree
      node-key="id"
      :default-expanded-keys="['APP']"
      :data="content"
      show-checkbox
    >
    </el-tree>
  </div>
</template>
<script>
export default {
  data() {
    return {
      content: [],
    };
  },
  methods: {
    loadData() {
      this.$axios
        .get("./content/set1.json")
        .then((response) => {
          this.content = response.data;
        })
        .catch((error) => {
          console.log(error);
        });
    },
  },
  created() {
    this.loadData();
  },
};
</script>